<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/js/jquery-1.8.3.js}"></script>
    <script th:src="@{/thymeleaf/trimester.js}"></script>
</head>
<body>
<table border="1px">
    <tr id="trDate">

    </tr>

    <tr id="tr1">
        <td></td>
    </tr>
    <tr id="tr2">
        <td></td>
    </tr>
    <tr id="tr3">
        <td></td>
    </tr>
    <tr id="tr4">
        <td></td>
    </tr>
    <tr id="tr5">
        <td></td>
    </tr>
    <tr id="tr6">
        <td></td>
    </tr>
    <tr id="tr7">
        <td></td>
    </tr>
</table>


<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
    L2Dwidget.init({
        "model": {
            //jsonpath控制显示那个小萝莉模型，下面这个就是我觉得最可爱的小萝莉模型，替换时后面名字也要替换掉
            jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
            "scale": 1
        },
        "display": {
            "position": "right", //看板娘的表现位置
            "width": 200,  //小萝莉的宽度
            "height": 400, //小萝莉的高度
            "hOffset": 100,
            "vOffset": -40,
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>
<style type="text/css">

    table{
        border-collapse: collapse;
        width: 800px;
        height: 400px;
        margin: 50px 0 0 100px;
        border-color: #000000;
        text-align: center;
    }
    td{
        color: #000000;
    }
    th{
        text-align: center;
        color: #000000;
    }
</style>

</body>
</html>
